<%@ page import="musgo.Artista" %>
<!doctype html>
<html>
	<head>
		<meta name="layout" content="main">
		<g:javascript src="calendar.js" />
		<title>Creacion Album</title>
	</head>
	<body>
		<img id="top" src="/MusgoSoft/images/imgProyecto/top.png" alt="">


<!-- ------------------------------------------------------------------------------------------------- -->
	<div id="form_container">
	
		<h1><a>Untitled Form</a></h1>
		<form id="form_album" class="appnitro" enctype="multipart/form-data" method="post" action="create">
					<div class="form_description">
			<h2>Creacion Nuevo Album</h2>
			<p>${falla} Ingresa los datos de tu nuevo Album</p>
		</div>						
			<ul >
			
					<li id="li_1" >
		<label class="description" for="element_1">Nombre del Album  </label>
		<div>
			<input id="element_1" name="nombreA" class="element text medium" type="text" maxlength="255" value=""/> 
		</div> 
		</li>		<li id="li_2" >
		<label class="description" for="element_2">Genero del Album </label>
		<div>
			<input id="element_2" name="genero" class="element text medium" type="text" maxlength="255" value=""/> 
		</div> 
		</li>		<li id="li_3" >
		<label class="description" for="element_3">Fecha de Lanzamiento </label>
		<span>
			<input id="element_3_1" name="MM" class="element text" size="2" maxlength="2" value="" type="text"> /
			<label for="element_3_1">MM</label>
		</span>
		<span>
			<input id="element_3_2" name="DD" class="element text" size="2" maxlength="2" value="" type="text"> /
			<label for="element_3_2">DD</label>
		</span>
		<span>
	 		<input id="element_3_3" name="YYYY" class="element text" size="4" maxlength="4" value="" type="text">
			<label for="element_3_3">YYYY</label>
		</span>
	
		<span id="calendar_3">
			<img id="cal_img_3" class="datepicker" src="/MusgoSoft/images/imgproyecto/calendar.gif" alt="Pick a date.">	
		</span>
		<script type="text/javascript">
			Calendar.setup({
			inputField	 : "element_3_3",
			baseField    : "element_3",
			displayArea  : "calendar_3",
			button		 : "cal_img_3",
			ifFormat	 : "%B %e, %Y",
			onSelect	 : selectDate
			});
		</script>
		 
		</li>		<li id="li_4" >
		<label class="description" for="element_4">Imagen del Album </label>
		<div>
			<input id="element_4" name="imagen" class="element file" type="file"/> 
		</div>  
		</li>		<li id="li_5" >
		<label class="description" for="element_5">Descripcion </label>
		<div>
			<textarea id="element_5" name="descripcion" class="element textarea medium"></textarea> 
		</div> 
		</li>
			
					<li class="buttons">
			    <input type="hidden" name="form_id" value="album" />
			    
				<input id="saveForm" class="button_text" type="submit" name="submit" value="Crear" />
		</li>
			</ul>
		</form>	
		
	</div>
<!-- ------------------------------------------------------------------------------------------ -->
	<img id="bottom" src="/MusgoSoft/images/imgProyecto/bottom501.png" alt="">		
	 	
	</body>
</html>